<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/WEB-INF/template/template-interno1.xhtml">

	<ui:define name="conteudo-principal">
		<div style="width: 1000px;">
			<div align="left" style="float: left; width: 76%">
				<h:form id="formRelato">
					<div style="width: 50%;">
						<p:messages id="mensagens" autoUpdate="true" showDetail="false" />
					</div>
					<p:panel id="panelRelato">
						<p:outputLabel>
							<b>O que está acontecendo com você?</b>
						</p:outputLabel>
						<h:panelGrid columns="2">
							<p:inputTextarea value="#{postBean.descricao}" rows="5" cols="90"
								maxlength="600">
							</p:inputTextarea>
							<p:selectOneRadio id="tipo" layout="pageDirection"
								required="true" label="Sobre o que é seu relato?"
								value="#{postBean.tipo}">
								<f:selectItem itemLabel="Familia" itemValue="FAMILIA" />
								<f:selectItem itemLabel="Negócios" itemValue="NEGOCIOS" />
								<f:selectItem itemLabel="Profissional"
									itemValue="VIDA_PROFISSIONAL" />
								<f:selectItem itemLabel="Relacionamento"
									itemValue="RELACIONAMENTO" />
								<f:selectItem itemLabel="Sexual" itemValue="VIDA_SEXUAL" />
								<f:selectItem itemLabel="Religioso" itemValue="RELIGIAO" />
							</p:selectOneRadio>
							<p:commandButton id="buttonRelatar" value="Relatar"
								action="#{postBean.relatar}" update=":panelRelatos panelRelato" />
						</h:panelGrid>
						<p:blockUI id="blockRelato" trigger="buttonRelatar"
							block="panelRelato">
								Enviando relato...
							</p:blockUI>
					</p:panel>
				</h:form>
				<p:dataGrid id="panelRelatos" var="relato"
					value="#{postBean.relatos}" columns="1" rows="10" paginator="true"
					paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					currentPageReportTemplate="{currentPage} de {totalPages}"
					rowsPerPageTemplate="10,25,50">
					<f:facet name="header">Atualizações recentes</f:facet>

					<ui:include src="/WEB-INF/include/relato.xhtml">
						<ui:param name="relato" value="#{relato}" />
					</ui:include>

				</p:dataGrid>
				<p:dialog header="Aconselhamento" widgetVar="dialogAconselhar"
					showEffect="clip" hideEffect="clip" height="180">
					<h:form>
						<h:panelGrid columns="1" cellpadding="5">
							<h:outputText value="Dê o seu conselho:" />
							<p:inputTextarea value="#{postBean.descricaoConselho}" rows="4"
								cols="85" />
							<p:commandButton id="buttonEnviarConselho" value="Enviar"
								action="#{postBean.aconselhar()}"
								onclick="dialogAconselhar.hide();" update=":panelRelatos,@form">
							</p:commandButton>
							<p:blockUI id="blockEnviarConselho"
								trigger="buttonEnviarConselho" block=":panelRelatos">
								Enviando relato...
							</p:blockUI>
						</h:panelGrid>
					</h:form>
				</p:dialog>
				<p:dialog header="Avaliação de conselho" widgetVar="dialogAvaliar"
					showEffect="clip" hideEffect="clip" height="180">
					<h:form>
						<h:panelGrid columns="1" cellpadding="5">
							<h:outputText value="Avalie o conselho:" />
							<p:rating value="#{postBean.avaliacao}" />
							<p:commandButton id="buttonEnviarAvaliacao" value="Enviar"
								action="#{postBean.avaliarConselho()}"
								onclick="dialogAvaliar.hide();" update=":panelRelatos,@form">
							</p:commandButton>
							<p:blockUI id="blockEnviarAvaliacao"
								trigger="buttonEnviarAvaliacao" block=":panelRelatos">
								Enviando avaliação...
							</p:blockUI>
						</h:panelGrid>
					</h:form>
				</p:dialog>
				<ui:remove>
					<p:dialog header="Avaliação" widgetVar="dialogVerAvaliacao"
						showEffect="clip" hideEffect="clip" height="180" closable="true">
						<h:outputText value="A sua avaliação para esse conselho foi: " />
						<br />
						<br />
						<br />
						<br />
						<div align="center" style="width: 100%">
							<p:rating style="padding-left: 40px;"
								value="#{postBean.avaliacaoVisualizada.valor}" cancel="false"
								readonly="true" />
						</div>
					</p:dialog>
				</ui:remove>
			</div>
			<div style="float: right; padding: 20px; width: 20%;" align="center">
				<p:outputLabel value="MEDALHAS PESSOAIS" style="font-weight: bold;" />
				<br /> <b>PARTICIPAÇÃO</b>
				<p:separator />
				#{sessaoBean.relatosTotais} relatos <br />
				#{sessaoBean.conselhosTotais} conselhos <br />
				<p:separator />
				<br /> <br />
				<p:separator />
				<b>TITULAÇÕES</b>
				<p:separator />
				Nível atual:<br /> <b>#{sessaoBean.nivelUsuario}</b> <br /> <br />
				Área atuante:<br /> <b>#{sessaoBean.areaInteresse}</b>
				<p:separator />
			</div>
		</div>
	</ui:define>
</ui:composition>